<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/order/dispute_order_list.js?ver=2.0.3"></script>
    <!--<script type="text/javascript" src="js/base/swipe.min.js?ver=2.0.4" charset="utf-8"></script>-->

    <title>华迅直购</title>
</head>
<body class="whitesmoke">
<!--订单-->
    <div id="orderlist">
        <!--售后服务-->
        <div class="finished-order">
            <div class="order-item g-wrap" v-for="order in dispute_order_list" @click="open_dispute_order_info(order.id)">
                <div class="my-order-title line">
                    <div v-text="'售后服务编号:'+order.id"></div>
                    <div class="red-font" v-if="order.step_status!=4">
                        <p v-if="order.doing_type==0">尚未处理</p>
                        <p v-if="order.doing_type==1">买卖双方协商</p>
                        <p v-if="order.doing_type==2">平台介入</p>
                    </div>
                </div>

                <div class="my-order-title line">
                    <div >类型</div>
                    <div class="red-font">
                        <p v-if="order.dispute_type==0">退货</p>
                        <p v-if="order.dispute_type==1">换货</p>
                        <p v-if="order.dispute_type==2">缺货</p>
                    </div>
                </div>
                <div class="my-order-title line" v-if="order.step_status!=0&&order.step_status!=4">
                    <div >代购处理</div>
                    <div class="red-font">
                        <p v-if="order.host_dispute_result==0">正在协商</p>
                        <p v-if="order.host_dispute_result==1">拒绝用户的意见</p>
                        <p v-if="order.host_dispute_result==2">同意用户的意见</p>
                    </div>
                </div>
                <div class="my-order-title line" v-if="order.step_status!=4">
                    <div >进度</div>
                    <div class="red-font">
                        <p v-if="order.step_status==0">提交申请</p>
                        <p v-if="order.step_status==1">代购审核</p>
                        <p v-if="order.step_status==2">代购收货</p>
                        <p v-if="order.step_status==31">退款</p>
                        <p v-if="order.step_status==32">代购寄换新货</p>
                        <p v-if="order.step_status==33">代购邮寄新货</p>
                        <p v-if="order.step_status==4">完成</p>
                    </div>
                </div>
                <div class="my-order-title line" v-if="order.step_status==4">
                    <div >处理结果</div>
                    <div class="red-font">
                        <p v-if="order.dispute_result==1">拒绝客户的建议</p>
                        <p v-if="order.dispute_result==2">同意客户的建议</p>
                        <p v-if="order.dispute_result==3">客户关闭</p>
                    </div>
                </div>
                <div class="line" >
                    <div class="g-item" >
                        <div class="g-item-wrap">
                            <a href="#" class="g-img">
                                <img :src="baseConfig.qn_host + order.goods_order_item__small_image__fileurl+'?imageView2/1/w/80/h/80'">
                            </a>
                            <div class="g-i-info">
                                <p class="g-i-name order-goods-title" v-text="order.goods_order_item__name"></p>
                                <p class="order-goods-mark margin-bottom" v-if="order.goods_order_item__gg">
                                    {{order.goods_order_item__gg}}</p>
                                <p class="order-goods-mark" v-if="order.goods_order_item__bz" v-text="'备注:'+order.goods_order_item__bz"></p>
                                <p class="order-goods-mark">商品ID:{{order.goods_order_item__goods_id}}</p>
                                <p class="order-count">
                                    <span class="order-goods-num">数量{{order.num}}</span>
                                </p>
                                <p class="order-goods-mark" v-if="order.reason==0">原因：假货</p>
                                <p class="order-goods-mark" v-if="order.reason==1">原因：质量问题</p>
                                <p class="order-goods-mark" v-if="order.reason==2">原因：错发漏发</p>
                                <p class="order-goods-mark" v-if="order.reason==3">原因：不喜欢</p>
                                <p class="order-goods-mark" v-if="order.reason==4">原因：其他</p>
                                <p class="order-goods-mark" v-if="order.reason==5">原因：未发货</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="more" @click="query_dispute_goods_order_list" v-if="dispute_page_index!=dispute_page_count">加载更多……
            </div>
            <div class="com-notice" v-if="dispute_order_list.length==0">
                <div class="icon-wrap">
                    <i class="iconfont icon-dingdan"></i>
                </div>
                <p>暂无订单</p>
            </div>
        </div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    </div>
</body>
</html>